.wrap{width:1200px}

.title-icon{height:60px;margin-bottom:30px;position:relative;text-align:center;}
.title-icon:after{background:#88c1da;position:absolute;width:100%;height:2px;display:block;content:"";top:29px;z-index:1}
.title-icon strong{background:#fff;padding:0 60px;display:inline-block;line-height:60px;position:relative;z-index:10;font-size:42px;color:#007ab0}
.title-icon strong i{display:inline-block;background:url(../img/cs.png) -640px 0 no-repeat;float:left;width:60px;height:60px;margin-right:10px;}

/*å¤´å°¾*/
.header{height:80px;position:relative;z-index:100;margin-bottom:-80px;background:rgba(3,12,23,.8)}
.logo{background:url(../img/logo1.png) no-repeat;top:10px;overflow:hidden;position:relative;float:left;}
.logo,.logo a{width:155px;height:167px;display:block;text-indent:-999em;}
.xkc-nav{line-height:40px;padding-top:20px;float:right;}
.xkc-nav .link{font-size:20px;color:#fff;display:block;float:left;margin-left:60px;position:relative;height:60px}
.xkc-nav .link i{width:10px;height:10px;display:block;background:transparent;border:1px solid #fff;transform:rotate(45deg);content:"";float:left;margin:15px 12px 0 0;}
.xkc-nav .link:hover,.xkc-nav .link.curr,
.page-home .xkc-nav .link:nth-child(1),
.page-news .xkc-nav .link:nth-child(2),
.page-dh .xkc-nav .link:nth-child(4){color:#007ab0;text-decoration:none;}
.xkc-nav .link:hover i,.xkc-nav .link.curr i,
.page-home .xkc-nav .link:nth-child(1) i,
.page-news .xkc-nav .link:nth-child(2) i,
.page-dh .xkc-nav .link:nth-child(4) i{background:#007ab0;border:1px solid #007ab0;}
.xkc-nav .hover .cs-box{display:none;background:#ebf6fd;right:0;top:60px;position:absolute;font-size:16px;padding:15px 20px;width:320px;color:#3e3e3e}
.xkc-nav .hover .cs-box a{color:#3e3e3e}
.xkc-nav .hover .cs-box p{line-height:30px;}
.xkc-nav .hover .cs-box:before{position:absolute;top:-8px;right:30px;display:block;background:#ebf6fd;width:18px;height:18px;transform:rotate(45deg);content:""}
.xkc-nav .hover .cs-box p:before{float:left;background:url(../img/cs.png) -640px -440px no-repeat;margin-right:5px;width:30px;height:30px;content:"";display:block;}
.xkc-nav .hover .cs-box p.qq:before{background-position:-640px -470px}
.xkc-nav .hover .cs-box p.tel:before{background-position:-670px -440px}
.xkc-nav .hover:hover .cs-box{display:block;}
.footer{color:#3e3e3e;padding:40px 0;font-size:12px;line-height:20px;}
.footer .fr{width:900px;}
.footer .fr a{color:#3e3e3e;margin-right:1em}
.footer a{color:#3e3e3e}
.footer p span{margin:0 1em;}
/*å³ä¾§æµ®åŠ¨*/
.side-code-btn{right:-116px;position:fixed;width:116px;background:url(../img/side-code-btn.png) no-repeat;height:185px}
.side-code-btn:after{content:"";display:block;position:absolute;top:0;left:0;width:116px;height:185px;background:url(../img/side-code-btn.png) -116px 0 no-repeat;-webkit-animation:suckeye 2s infinite;animation:suckeye 2s infinite;opacity:0}
@-webkit-keyframes suckeye{0%,30%,90%{opacity:0}10%,100%{opacity:1}}
@keyframes suckeye{0%,30%,90%{opacity:0}10%,100%{opacity:1}}
.side-code-btn.toggle{right:0}
.side-code{background:url(../img/side-code.png) no-repeat;width:273px;height:297px;right:0;position:fixed;padding:32px 0 0 14px}
.side-code.toggle{right:-280px}
.side-code .close{background:#007ab0;width:21px;height:21px;position:absolute;top:0;left:152px;border-radius:50%;cursor:pointer;display:block;box-shadow:0 0 3px rgba(255,255,255,.3)}
.side-code .close:hover{opacity:.8;filter:alpha(opacity=80);}
.side-code .close:after,.side-code .close:before{width:1px;height:12px;display:block;position:absolute;left:10px;top:5px;content:"";background:#78f0ff;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.side-code .close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.side-code .item{width:114px;height:28px;line-height:28px;font-size:16px;color:#e95159;text-align:center;display:block;}
.side-code a.item:hover{text-decoration:none;color:#007ab0;}
.side-code .item i{width:24px;height:28px;display:inline-block;background:url(../img/cs.png) -673px -181px no-repeat;vertical-align:top;margin-right:5px;float:left;margin:0 10px 0 10px}
.side-code .weibo{margin-top:15px;}
.side-code .weibo i{background-position:-673px -211px}
.side-code .code{width:128px;height:128px;background:url(../img/side-code-img.png) no-repeat;background-size:100% auto;border:1px solid #007ab0;}
.side-code p{text-align:center;color:#3e3e3e;font-size:12px;height:27px;width:128px}
.side-code .back{width:40px;height:24px;display:block;position:absolute;bottom:135px;right:0;cursor:pointer;}
/*å¼¹å‡º*/
#pop-video,#pop-video .video-box{width:960px;height:540px;}
#pop-comic,#pop-comic .video-box{width:960px;height:540px;}

#pop-yy{box-shadow:none;width:510px;height:509px;background:none}
/*#pop-yy,*/#pop-yy .btn-record{background:url(../img/pop-yy.png) no-repeat;}
#pop-yy .btn-close{background:#0bbeff;border-radius:50%;width:51px;height:51px;top:10px;right:10px}
#pop-yy .btn-close:hover{opacity:1;filter:alpha(opacity=100);background:#2fd7ff}
#pop-yy .btn-close:after,#pop-yy .btn-close:before{width:1px;height:32px;top:10px;}
#pop-yy .box{position:relative;color:#fff}
#pop-yy .form,#pop-yy .success{background:url(../img/pop-yy.png) no-repeat;width:510px;height:509px;padding:115px 95px 0}
#pop-yy .success{background-position:-510px 0}
#pop-yy .sp10{height:8px;overflow:hidden;clear:both;}
#pop-yy .box input[type="text"]{border:none;line-height:20px;padding:10px;background:#0072ba;color:#fff;font-size:16px;border-radius:5px;width:160px;margin-right:10px;float:left;}
#pop-yy input::-webkit-input-placeholder{color:#ccc;}
#pop-yy input:-moz-placeholder{color:#ccc;}
#pop-yy input:-ms-input-placeholder{color:#ccc;}
#pop-yy .sms-phone{position:relative;height:50px}
#pop-yy .btn-send{background:#ff8a00;border:none;color:#fff;line-height:42px;height:40px;border-radius:5px;cursor:pointer;overflow:hidden;width:150px;text-align:center;font-weight:bold}
#pop-yy .btn-send:hover{opacity:.9;filter:alpha(opacity=90);}
#pop-yy .btn-send:disabled,#pop-yy .btn-send:disabled:hover{opacity:.6;filter:alpha(opacity=60);cursor:not-allowed;background:#ff8a00}
#pop-yy .btn-record{background-position:0 -509px;width:320px;height:50px;border:none;cursor:pointer;}
#pop-yy .btn-record:hover{opacity:.9;filter:alpha(opacity=90);}
#pop-yy .btn-record:disabled{opacity:.6;filter:alpha(opacity=60);cursor:not-allowed;}
#pop-yy select{height:40px;width:150px;border-radius:5px;padding-left:10px;background:#0072ba;color:#fff;border:none;outline:none;}
#pop-yy .box p{text-align:center;line-height:41px;display:none;}
#pop-yy .tip{display:none;color:#c00;padding-left:10px;background:#ffcece;border-radius:5px}
#pop-yy .tip.ok{background:#60c423;color:#fff;text-align:center;}
#pop-yy .success{display:none;}
#pop-yy .success .text{background:#0072ba;padding:20px 15px;border-radius:5px;line-height:20px;color:#78c1f0;position:relative;top:40px;font-size:14px}
#pop-yy .success .text p{display:block;line-height:20px;padding-bottom:5px;text-align:left;}
#pop-yy .success h2{text-align:center;line-height:40px;color:#fff}
#pop-yy .success strong{color:#fd0}

/*å•å›¾æ¸éšè½®æ’­*/
.o-play,.o-play ul{width:100%;position:relative;margin:0 auto;overflow:hidden;}
.o-play ul li{display:none;width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;}
.o-play ul li:first-child{display:block;}
.o-play .prev-next{cursor:pointer;display:block;z-index:10;position:absolute;top:50%;}
.o-play .prev-next:hover{opacity:.8;filter:alpha(opacity=80);}
.o-play .next{right:0}
.o-play .prev{left:0}
.o-play .btn-item{display:block;width:100%;height:24px;position:absolute;z-index:9;left:0;bottom:10px;text-align:center}
.o-play .btn-item span{display:inline-block;width:14px;height:14px;margin:0 6px;background:rgba(255,255,255,.8);border-radius:100%;overflow:hidden;cursor:pointer;text-indent:-9999px;border:1px solid rgba(0,0,0,.2);text-align:center;}
.o-play .pic-num em{font-style:normal;}
.o-play .btn-item span.curr{background:#00bcff}

/*é¦–é¡µ-------------*/
.i-banner{background:#fff url(../img/ibanner.jpg) center 0 no-repeat;position:relative;background-size: contain}
.i-banner,.i-banner .wrap{height:480px;}
.i-banner .btn-play{width:84px;height:84px;position:absolute;top:170px;left:320px;display:block;}
.i-banner .btn-play span,.i-banner .btn-play:after{width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:100% auto;}
.i-banner .btn-play span{background-image:url(../img/play-bg.png);-webkit-animation:rotating 5s linear infinite;animation:rotating 5s linear infinite;}
.i-banner .btn-play:after{content:"";background-image:url(../img/play-icon.png);}
.i-banner .btn-play:hover:after{background-image:url(../img/play-icon-hover.png);}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes rotating {from {transform:rotate(0deg)}to{transform:rotate(360deg)}}
.xkc-down{height:161px;position:absolute;left:0;width:613px;bottom:36px;background:url(../img/cs-down.png) no-repeat;padding:11px 25px 10px 56px}
.xkc-down a{position:relative;}
.xkc-down a:hover{text-decoration:none;background:rgba(255,255,255,.15)}
.xkc-down .code{width:140px;height:140px;background:url(../down.png) no-repeat;position:relative;background-size:100% auto;}
.xkc-down .gift{width:110px;height:140px;}
.xkc-down .btn{width:282px;float:left;}
.xkc-down .btn a{display:block;height:70px;width:141px;text-indent:-9999px;overflow:hidden;float:left;}
.xkc-down .btn a.btn-apple{width:282px}
.xkc-down .code:after{content:"";height:3px;background:#fff;width:120px;position:absolute;left:10px;top:50%;box-shadow:0 1px 5px #00b7ff;-webkit-animation:fromTb 3s infinite;animation:fromTb 3s infinite;}
@-webkit-keyframes fromTb{0%,100%{top:10px;}50%{top:124px;}}
@keyframes fromTb{0%,100%{top:10px;}50%{top:124px;}}
/*æ–°é—»*/
.i-news{padding:40px 0}
.i-news .title-icon{margin-bottom:40px;}
.i-news-play,.i-news-play li img{width:590px;float:left;}
.i-news-play,.i-news-play ul,.i-news-play li,.i-news-play li img{height:300px;}
.i-news-play .btn-item{text-align:right;padding-right:20px;}
.i-news-list{float:right;width:570px;}
.i-news-list ul{padding-top:12px;color:#3e3e3e;}
.i-news-list ul li{padding-right:7em;position:relative;line-height:47px;border-bottom:1px dotted #ddd;font-size:16px}
.i-news-list ul li:before{background:url(../img/cs.png) -648px -171px no-repeat;width:24px;height:40px;content:"";float:left;}
.i-news-list ul li a{display:block;color:#3e3e3e;}
.i-news-list ul li a:hover{color:#f9585e;}
.i-news-list ul li span{position:absolute;right:0;top:0;font-size:14px}
.i-news dl{line-height:40px;padding:8px 12px 0;background:#007ab0;border-radius:10px 10px 0 0;height:48px}
.i-news dl dt{color:#fff;font-size:18px;padding:0 16px;border-radius:10px 10px 0 0;height:40px;margin-right:6px;}
.i-news dl dt.curr{background:#fff;color:#f9585e}
.i-news dl .more{height:34px;display:block;float:right;font-size:34px;margin-top:-4px;color:#fff}
.i-news dl .more:hover{opacity:.8;filter:alpha(opacity=80);text-decoration:none;}
/*ç‰ˆå—*/
.i-section{padding-bottom:40px;}
.i-section .item,.i-section .item i{background:url(../img/cs.png) no-repeat;display:block;}
.i-section .item{width:386px;height:180px;float:left;position:relative;color:#fff;}
.i-section .item:nth-child(2){margin:0 21px}
.i-section .item strong,.i-section .item span{font-size:30px;position:absolute;top:60px;left:40px;display:block;}
.i-section .item span{border:1px solid #fff;padding:0 8px;font-size:12px;bottom:60px;top:auto;line-height:18px;height:21px;opacity:.6;filter:alpha(opacity=60);}
.i-section .item:hover span{opacity:1;filter:alpha(opacity=100);background:rgba(255,255,255,.2);}
.i-section .item i{position:absolute;bottom:0;width:230px;height:200px;background-position:-386px 0;right:0}
.i-section .n1:hover i{background-position:-406px 0}
.i-section .n2{background-position:0 -200px}
.i-section .n2 i{background-position:-386px -200px}
.i-section .n2:hover i{background-position:-406px -200px}
.i-section .n3{background-position:0 -400px}
.i-section .n3 i{background-position:-386px -400px}
.i-section .n3:hover i{background-position:-406px -400px}
/*ç‰¹è‰²*/
.i-feature{background:#f7f5fa url(../img/ts-bg.png) center 0 no-repeat;height:740px;clear:both;padding-top:40px;background-size:cover;}
.i-feature .title-icon{margin-bottom:0;}
.i-feature .title-icon strong{background:#f7f5fa}
.i-feature .title-icon strong i{background-position:-640px -60px}
.i-feature .cont{height:640px}
.i-feature-play{width:100%;position:relative;}
.i-feature-play,.i-feature-play ul,.i-feature-play li,.i-feature-play li img{height:640px}
.i-feature-play .btn{background:url(../img/cs.png) -640px -240px no-repeat;width:60px;height:100px;top:50%;left:50%;margin-top:-50px;position:absolute;z-index:100;cursor:pointer;opacity:.6;filter:alpha(opacity=60);}
.i-feature-play .btn:hover{opacity:1;filter:alpha(opacity=100);}
.i-feature-play .prev{margin-left:-660px;}
.i-feature-play .next{margin-left:600px;background-position:-640px -340px}
/*å‹é“¾*/
.f-link{padding:40px 0}
.f-link .title-icon strong i{background-position:-640px -120px}
.f-link .item{float:left;text-align:center;width:150px}
.f-link .item a{background:#fff;display:block;width:140px;height:65px;padding-top:10px;border:1px solid #ededed;}

.layout{position:relative;border-bottom:1px solid #eee;}
.layout .wrap{padding-bottom:40px;min-height:500px}
.layout .main{width:900px;background:#fff;float:left;position:relative;top:-150px;padding:0 50px;}
.layout .main .location{background:#434343;color:#fff;padding:0 50px;height:100px;text-align:right;margin:0 -50px 25px}
.layout .main .location strong{float:left;font-size:40px;line-height:100px;font-weight:normal;}
.layout .main .location a{color:#fff}
.layout .main .location .fr{padding-top:50px}


.layout .main .totop{background:#ffc017;color:#fff;position:absolute;bottom:0;right:0;width:30px;text-align:center;padding:24px 8px 10px;line-height:16px;cursor:pointer;}
.layout .main .totop:hover{background:#edb00c}
.layout .main .totop:before{content:"";display:block;position:absolute;width:10px;height:10px;border:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:1px 0 0 1px;top:14px;left:9px}
.layout .main .view{min-height:5rem;color:#495872}
.layout .main .view img{max-width:100%}
.layout .main .view h2{line-height:40px;font-size:30px;text-align:center;color:#2a2a2a;padding-top:20px}
.layout .main .view .info{border-bottom:1px dashed #c2c2c2;color:#999;text-align:center;padding:10px 0 20px}
.layout .main .view .info .wdgame{font-size:1rem;vertical-align:bottom;display:inline-block;}
.layout .main .view .cont{padding:1rem 0}
.layout .main .view .cont p{font-size:16px;line-height:28px;margin:1rem 0;text-indent:2em;}
.layout .main .view .cont p img{display:block;margin:2rem auto}
.layout .side{width:220px;float:right;position:relative;}
.layout .side-title{width:220px;height:56px;background:url(../img/cs.png) -700px -344px no-repeat;text-indent:-9999px;overflow:hidden;}
.layout .side .item{display:block;height:80px;background:url(../img/cs.png) -700px -400px no-repeat;margin-top:15px;text-indent:-9999px;}
.layout .side .item:hover{text-decoration:none;}
.layout .side .btn-down-a{background-position:-700px -480px}
.layout .side .code{background:url(../down.png) no-repeat;border:1px solid #bdbdbd;width:220px;height:220px;background-size:100% 100%;clear:both;margin-top:10px;}

#dhlist .fillin{margin-left:-40px;}
.comic-item{margin:20px 0 0 40px;float:left;text-align:center;width:380px;height:260px;line-height:40px;}
.comic-item a{width:380px;height:220px;position:relative;display:block;}
.comic-item a:before,.comic-item a:after{content:"";display:block;position:absolute;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
.comic-item a:before{top:0;left:0;z-index:1;background:rgba(0,0,0,.5);width:100%;height:100%;}
.comic-item a:after{background:url(../img/cs.png) -640px -500px no-repeat;width:60px;height:60px;left:160px;top:80px;z-index:2;opacity:.6;filter:alpha(opacity=60);}
.comic-item a:hover:before{background:rgba(0,0,0,.7);}
.comic-item a:hover:after{opacity:.8;filter:alpha(opacity=80);transform:scale(1.1);}

#mhlist .fillin{margin-left:-25px;}
.mh-item{margin:20px 0 0 25px;float:left;text-align:center;width:250px;height:370px;line-height:40px;}
.mh-item a,.mh-item a img{width:250px;height:330px;position:relative;display:block;}
.mh-item a:before,.mh-item a:after{content:"";display:block;position:absolute;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
.mh-item a:before{top:0;left:0;z-index:1;background:rgba(0,0,0,0);width:100%;height:100%;}
.mh-item a:hover:before{background:rgba(0,0,0,.2);}



.menu{height:36px;margin-bottom:20px;border-bottom:1px solid #cfcfcf;clear:both;}
.menu a{display:block;float:left;text-align:center;height:35px;line-height:32px;font-size:18px;color:#333;margin-right:26px;padding:0 6px;border-bottom:3px solid #fff}
.menu a.curr,.menu a:hover{color:#3294bf;text-decoration:none;}
.menu a.curr{border-bottom-color:#3294bf}

#newslist ul{line-height:50px;}
#newslist li{padding-right:7em;position:relative;color:#495872;border-bottom:1px dashed #eaeaea}
#newslist li a{display:block;color:#495872;}
#newslist li a:hover{color:#3294bf}
#newslist li span{position:absolute;right:0;top:0}

.ajax-temp{display:none;}
/*ç¿»é¡µ*/
.page-bar{margin-top:40px;}
.page-bar a,.page-bar span{font-weight:normal;background:#fff;border:1px solid #ddd;color:#999;padding:2px 8px;margin-right:6px;display:inline-block;*zoom:1;*display:inline;font-size:14px;}
.page-bar a:hover{background:#f1f1f1;text-decoration:none}
.page-bar a.curr{border-color:#3395c0;color:#3395c0;background:#fff}
.page-bar .no-data{background:#f5f5f5;font-size:16px;padding:10px;color:#aaa}
